$main: #ffffff;
$second-main: #efefef;

$color-first: #c0c4cc;
$color-2: #e4e7ed;

$color: #409eff;

.tryme-theme.light {
  //   background-color: $first;
  //   color: $color;

  .operation-panel {
    background-color: $main;
    border-bottom: 1px solid $color-2;
  }
  //   .main-content {
  //     border-left: 0px !important;
  //   }
  //   .result-content {
  //     background-color: $main;
  //   }
  .direction-area {
    background-color: $main;
  }
  //   // 第三方ui组件
  //   // 树形结构
  //   .el-tree {
  //     background-color: $first;
  //     color: $color-first;
  //   }
  //   .el-tree-node__content {
  //     &:hover {
  //       background-color: $color-second;
  //     }
  //   }
  //   .el-tree-node:focus > .el-tree-node__content {
  //     background-color: $color-second;
  //   }
  //   // 输入框
  //   .el-input__inner {
  //     background-color: $second;
  //     border: 0px;
  //   }

  //   // 垂直分割线
  //   .ext-splitpanes-theme .splitpanes--vertical > .splitpanes__splitter {
  //     min-width: 2px;
  //     background: linear-gradient(0deg, #fc803a, #fc803a);
  //     opacity: 0.8;
  //     z-index: 10;
  //   }
  //   // 水平分割线
  //   .ext-splitpanes-theme .splitpanes--horizontal > .splitpanes__splitter {
  //     min-height: 2px;
  //     background: linear-gradient(0deg, #fc803a, #fc803a);
  //     opacity: 0.8;
  //     z-index: 10;
  //   }
}
